
@import "bootstrap/scss/bootstrap";

  html,body {
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    background-color: #1D2B56;
    font-size: 14px;
  }

.bi{
  width: 1em;
  height: 1em;
  line-height: 1;
  display: inline-block;
  vertical-align: -.125em;
  fill: currentColor;
}

.was-validated :invalid ~ .invalid-feedback-area {
  border-color: $red;
}

.btn-a {
  --bs-btn-padding-x: 0px;
  --bs-btn-padding-y: 0px;
  --bs-btn-font-weight: #{$font-weight-normal};
  --bs-btn-color: #{$btn-link-color};
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #{$btn-link-hover-color};
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: #{$btn-link-hover-color};
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #{$btn-link-disabled-color};
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000; // Can't use `none` as keyword negates all values when used with multiple shadows
  --bs-btn-focus-shadow-rgb: #{$btn-link-focus-shadow-rgb};

  &:hover {
    text-decoration: underline;
    text-underline-offset: .25em;
  }
}

.carousel-indicators-custom>.active {
  background-color: $primary;
}

.carousel-indicators-custom>button {
  border:0;
  margin: 0 2px
}
